<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/idangerous.swiper.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<!--[if lte IE 9]>
		<link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" />
		<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
		<script src="https://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
		<script src="js/css3-mediaqueries.js"></script>
		<![endif]-->
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/idangerous.swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/css3-mediaqueries.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/scrollreveal.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="yd_navs">
			<ul>
				<li>
					<a href="">Home</a>
				</li>
				<li><a href="">About</a>
					<ul>
						<li><i></i><a href="">热点活动</a></li>
						<li><i></i><a href="">展示洽谈</a></li>
						<li><i></i><a href="">专业会议</a></li>
						<li><i></i><a href="">分会场</a></li>
						<li><i></i><a href="">招聘活动</a></li>
						<li><i></i><a href="">国际大厦</a></li>
					</ul>
				</li>
				<li><a href="">Exhibition Tour</a></li>
				<li><a href="">Meeting Tour</a>
					<ul>
						<li><i></i><a href="">热点活动</a></li>
						<li><i></i><a href="">展示洽谈</a></li>
						<li><i></i><a href="">专业会议</a></li>
						<li><i></i><a href="">分会场</a></li>
						<li><i></i><a href="">招聘活动</a></li>
						<li><i></i><a href="">国际大厦</a></li>
					</ul>
				</li>
				<li><a href="">Contact us</a></li>
			</ul>
		</div>
		<div class="shadow"></div>
		<div class="login_box">
			<div class="login_left">
				<img src="images/gjrcimg033.jpg"/>
			</div>
			<div class="login_right">
				<p>会员登录</p>
				<input class="root" type="text" placeholder="请输入用户名/手机/邮箱"/>
				<input class="password" type="text" placeholder="请输入密码"/>
				<div class="button">登录</div>
				<div class="pass">
					<span>忘记<a href="">用户名/密码</a>？</span>
					<span class="zhuce">新用户，请<a class="vaildation" href="javascript:;">注册账号</a></span>
				</div>
			</div>
		</div>
		<div class="login_box vail_box">
			<div class="login_left">
				<img src="images/gjrcimg033.jpg"/>
			</div>
			<div class="login_right">
				<p class="register">会员注册</p>
				<input class="root" type="text" placeholder="请输入用户名,中英文均可"/>
				<input class="phone" type="text" placeholder="请输入手机号"/>
				<div class="vailda">
					<input class="vali" type="text" placeholder="请输入验证码"/>
					<span>立即获取</span>
				</div>
				<input class="password" type="text" placeholder="请输入密码"/>
				<div class="button register">注册</div>
				<div class="pass">
					<span><input type="checkbox" /> 阅读并接受<a href="">用户协议</a></span>
					<span class="zhuce">已有账号，<a class="login-btn1" href="javascript:;">立即登录</a></span>
				</div>
			</div>
		</div>
		<div class="login_close"><img src="images/gjrcimg036.png"/></div>
		<div class="header">
			<div class="container">
				<a href="" class="logo col-xs-4 col-sm-6 col-md-6">
					<div class="logo_item">
						<img src="images/gjrcimg062.png"/>
					</div>
					<div class="logo_title">
						<img src="images/gjrcimg061.png"/>
					</div>
				</a>
				<div class="nav col-xs-8 col-sm-6 col-md-6">
					<div class="login login1">
						<div><a class="login-btn" href="javascript:;">sign in</a> | </div><div><a class="vail_btn" href="javascript:;">sign up</a></div>
						<div><a href=""><img src="images/gjrcimg063.png"/></a></div>
						<span class="yd_nav"></span>
					</div>
					<div class="login login2">
						<div><a href="">sign in</a> | </div><div><a href="">sign up</a></div>
						<div><a href=""><img src="images/gjrcimg063.png"/></a></div>
						<span class="yd_nav"></span>
					</div>
					<div class="nav_item">
						<span><a href="">Contact us</a></span>
						<span><a href="">Meeting Tour</a></span>
						<span><a href="">Exhibition Tour</a></span>
						<span><a href="">About</a></span>
					</div>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="banner">
				<img src="images/gjrcimg006.jpg"/>
				<div class="banner_item" id="banner_item">
					<p class="zw">
						<span data-scroll-reveal="enter from the top over 1.5s">COOPERATION</span>
						<span data-scroll-reveal="enter from the bottom over 1s">INNOVATION</span>
						<span data-scroll-reveal="enter top over 1.5s and move 200px">DEVELOPMENT</span>
					</p>
				</div>
			</div>
			<div class="banners">
				<img src="images/gjrcimg005.jpg"/>
				<div class="banner_item">
					<p class="zw">
						<span>COOPERATION</span>
						<span>INNOVATION</span>
						<span>DEVELOPMENT</span>
					</p>
				</div>
			</div>
			<div class="navs">
				<div class="container">
					<div class="row">
						<div class="navs_item" id="navs_item">
							<span>
								<a href="">
									<img src="images/gjrcimg007.png"/>
									<p>Online Exhibition</p>
								</a>
							</span>
							<span>
								<a href="">
									<img src="images/gjrcimg008.png"/>
									<p>Exhibition</p>
								</a>
							</span>
							<span>
								<a href="">
									<img src="images/gjrcimg009.png"/>
									<p>Attend</p>
								</a>
							</span>
							<span>
								<a href="">
									<img src="images/gjrcimg011.png"/>
									<p>Guide</p>
								</a>
							</span>
						</div>
					</div>
				</div>
			</div>
			<div class="photo">
				<div class="container">
					<div class="row">
						
						<div class="photo_right col-xs-12 col-sm-12 col-md-12">
							<div class="photo_box photo_box1" id="photo_box">
								<a>
									<img class="bofang" src="images/gjrcimg015.png"/>
									<video id="shipings" src="images/shiping.mp4">
									</video>
									
								</a>
							</div>
							<div class="more"><a href="">More</a></div>
						</div>
					</div>
				</div>
			</div>
			<div class="jldh">
				<div class="container">
					<div class="row">
						<div class="jldh_yd col-xs-12 col-sm-6 col-md-6">
							<img src="images/gjrcimg054.jpg"/>
							<a href="" class="jldh_box col-xs-6 col-sm-6 col-md-6"><img src="images/gjrcimg055.jpg"/></a>
							<a href="" class="jldh_box col-xs-6 col-sm-6 col-md-6"><img src="images/gjrcimg056.jpg"/></a>
							<a href="" class="jldh_box col-xs-6 col-sm-6 col-md-6"><img src="images/gjrcimg057.jpg"/></a>
							<a href="" class="jldh_box col-xs-6 col-sm-6 col-md-6"><img src="images/gjrcimg058.jpg"/></a>
							<a href="" class="jldh_box col-xs-6 col-sm-6 col-md-6"><img src="images/gjrcimg059.jpg"/></a>
							<a href="" class="jldh_box col-xs-6 col-sm-6 col-md-6"><img src="images/gjrcimg060.jpg"/></a>
						</div>
						<div class="jldh_pc" id="jldh_pc">
							<div class="jldh_left col-xs-6 col-sm-6 col-md-6">
								<div class="row">
									<div class="jldh_shadow"></div>
									<img class="jldh_logo" src="images/gjrcimg053.png"/>
									<img src="images/gjrcimg029.jpg"/>
								</div>
							</div>
							<div class="jldh_right col-xs-6 col-sm-6 col-md-6">
								<div class="row">
									<div class="jldh_item col-xs-6 col-sm-6 col-md-6 jldh_item1 jldh_items">
										<p class="title"><span><a href="">Major Activities</a></span></p>
										<a href=""><i></i>Exhibition of Intelligence...</a>
										<a href=""><i></i>Achievements Exhibition...</a>
									</div>
									<a href="" class="jldh_item col-xs-6 col-sm-6 col-md-6 jldh_item2 jldh_items">
										<div class="jldh_box">
											<div class="row">
												<p class="con">Exgibition and Negotiations</p>
												<p class="more">More</p>
											</div>
										</div>
									</a>
									<a href="" class="jldh_item col-xs-6 col-sm-6 col-md-6 jldh_item3 jldh_items">
										<div class="jldh_box">
											<div class="row">
												<p class="con">Professional Conferences</p>
												<p class="more">More</p>
											</div>
										</div>
									</a>
									<div class="jldh_item col-xs-6 col-sm-6 col-md-6 jldh_item4 jldh_items">
										<p class="title"><span><a href="">Venues</a></span></p>
										<a href=""><i></i>Germany</a>
										<a href=""><i></i>HongKong</a>
										<a href=""><i></i>Bao’an</a>
										<a href=""><i></i>Longhua</a>
									</div>
								</div>
							</div>
							<div class="col-xs-12 col-sm-12 col-md-12">
								<div class="row">
									<div class="zphd col-xs-6 col-sm-6 col-md-6 jldh_item">
										<p class="title"><span><a href="">Recuiting Activities</a></span></p>
										<a href=""><i></i>Job Fair for Foreign Talents</a>
										<a href=""><i></i>Job Fair for Returnee Talents</a>
										<a href=""><i></i>Internet +" Job Fair</a>
										<a href=""><i></i>Intelligence Leading the Future—Employment Double...</a>
										<a href=""><i></i>"Elite World" Recruitment Fair for Middle- and High-end </a>
									</div>
									<div class="gjds col-xs-6 col-sm-6 col-md-6 jldh_item">
										<p class="title"><span><a href="">International Competitions</a></span></p>
										<a href=""><i></i>The Second Innovation & Entrepreneurship International Com...</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer" id="footer">
			<div class="container">
				<div class="footer_left col-xs-12 col-sm-8 col-md-8">
					<div class="banquan col-xs-12 col-sm-12 col-md-12">
						<div class="row">
							<p>Copyright©National Bureau of Foreign experts of the PRC</p>
							<p>Website Management：Information Center of the National Bureau of Foreign Experts</p>
							<p>ICP Record number：Beijing ICP 备 17022585</p>
							<p>Address：No. 5th, South Street, Zhongguancun, Beijing, China</p>
							<p>Tel：86-10-68948899</p>
							<p>FAX：86-10-68940923</p>
						</div>
					</div>
					<div class="address col-xs-12 col-sm-12 col-md-12">
						<div class="row">
							
						</div>
					</div>
				</div>
				<div class="footer_right col-xs-12 col-sm-4 col-md-4">
					<div class="col-xs-4 col-sm-4 col-md-4">
						<img src="images/gjrcimg023.jpg"/>
					</div>
					<div class="col-xs-4 col-sm-4 col-md-4">
						<img src="images/gjrcimg024.jpg"/>
					</div>
					<div class="col-xs-4 col-sm-4 col-md-4">
						<img src="images/gjrcimg025.jpg"/>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript">
	$(function(){
		$(".bofang").click(function(){
			var Media = document.getElementById("shipings");
			if(Media.paused){
				Media.play(); //播放
				Media.controls = 'controls';
				$(this).hide();
			}else{
				Media.pause();
			}
		})
	})	
</script>
<script type="text/javascript">
	(function($) {
		if("\v" != "v") {
			window.scrollReveal = new scrollReveal({
				reset: true,
				move: '50px'
			});
		}
	})();
</script>
 